﻿<ion-side-menus enable-menu-with-back-views="false">
    <ion-side-menu-content>
        <ion-nav-bar class="bar-energized-900">
            <ion-nav-back-button class="no-text">
            </ion-nav-back-button>
            <ion-nav-buttons side="left">
                <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
            </ion-nav-buttons>
            <!--<ion-nav-buttons side="right">-->
            <!--<button class="button button-icon button-clear ion-android-more-vertical" id="menu-popover" ng-click="popover.show($event)"></button>-->
            <!--</ion-nav-buttons>-->
        </ion-nav-bar>
        <button id="fab" class="button button-balanced button-fab button-fab-bottom-right"
                ng-click="cartPopoverShow($event);">
            <i class="icon ion-bag"></i>
        </button>
        <ion-nav-view name="menuContent"></ion-nav-view>
    </ion-side-menu-content>
    <ion-side-menu side="left">
        <ion-header-bar class="expanded">
            <img src="{{faceimg}}" class="avatar motion spin fade">

            <div class="menu-bottom">
                {{nickname}}
            </div>
        </ion-header-bar>
        <ion-content class="stable-bg has-expanded-header" style="background: #FFFEF5">
            <ion-list>
                <a class="menu-item item" ng-click="changeMenu('home');"
                   ng-class="activeMenuTitle=='home'?'active-menu':'' " nav-clear
                   menu-close href="#/app/home">
                    首页
                </a>
                <a class="item menu-item" ng-click="changeMenu('editUser');"
                   ng-class="activeMenuTitle=='editUser'?'active-menu':'' " nav-clear menu-close
                   href="#/app/editUserInfo">
                   资料
                </a>
                <a class="item menu-item" ng-click="changeMenu('com');"
                   ng-class="activeMenuTitle=='com'?'active-menu':'' " nav-clear menu-close href="#/app/components">
                    Components+
                </a>
                <a class="item menu-item" nav-clear menu-close href="#/app/extensions">
                    Extensions
                </a>
                <a class="item menu-item" nav-clear menu-close href="#/app/lists">
                    Motion Lists
                </a>
                <a class="item menu-item" nav-clear menu-close href="#/app/motion">
                    Motion Elements
                </a>
                <a class="item menu-item" nav-clear menu-close href="#/app/ink">
                    Ink
                </a>
            </ion-list>
        </ion-content>
    </ion-side-menu>
</ion-side-menus>
